﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" AutoEventWireup="true"
    CodeBehind="CollapsiblePanel.aspx.cs" Inherits="Samples.Views.Samples.CollapsiblePanel" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <div class="demoarea">
        <div class="demoheading">CollapsiblePanel</div>    
        <div id="Panel2" class="collapsePanelHeader" style="height: 30px;">
            <div style="padding: 5px; cursor: pointer; vertical-align: middle;">
                <div style="float: left;">What is ASP.NET AJAX?</div>
                <div style="float: left; margin-left: 20px;">
                    <span id="Label1">(Show Details...)</span>
                </div>
                <div style="float: right; vertical-align: middle;">
                    <%= Html.Image("/Content/Images/expand_blue.jpg", "(Show Details...)", new { id = "Image1" }) %>
                </div>
            </div>
        </div>
        <div id="Panel1" class="collapsePanel" style="height: 0px;">
            <br />
            <p>
                <%= Html.Image("/Content/Images/AJAX.gif", "ASP.NET AJAX", new { align = "right" }) %>
                ASP.NET AJAX is a free framework for building a new generation of richer, more interactive,
                highly personalized cross-browser web applications. This new web development technology
                from Microsoft integrates cross-browser client script libraries with the ASP.NET
                2.0 server-based development framework. In addition, ASP.NET AJAX offers you the
                same type of development platform for client-based web pages that ASP.NET offers
                for server-based pages. And because ASP.NET AJAX is an extension of ASP.NET, it
                is fully integrated with server-based services. ASP.NET AJAX makes it possible to
                easily take advantage of AJAX techniques on the web and enables you to create ASP.NET
                pages with a rich, responsive UI and server communication. However, AJAX isn't just
                for ASP.NET. You can take advantage of the rich client framework to easily build
                client-centric web applications that integrate with any backend data provider and
                run on most modern browsers.
            </p>
        </div>
    </div>
    
    <%= /*Ajax.CollapsiblePanel("Panel1", true, "Panel2", "Panel2")*/
        Ajax.CollapsiblePanel(
            "Panel1", 
            0,
            0, 
            true, 
            "Panel2", 
            "Panel2", 
            false, 
            false,
            false, 
            "Label1", 
            "(Show Details...)", 
            "(Hide Details...)", 
            "Image1", 
            "/Content/Images/collapse_blue.jpg",
            "/Content/Images/expand_blue.jpg", 
            CollapsiblePanelExpandDirection.Vertical
        ) 
    %>
</asp:Content>
